{% extends "base.html" %}
{% load url from future %}

{% block title %}{{ SITE_NAME }} | Смена пароля{% endblock %}

{% block page-header-block %}
    <div class="page-header"><h1>Смена пароля</h1></div>
{% endblock page-header-block %}

{% block breadcrumb %}
<div class="hgroup">
    <ul class="breadcrumb pull-right">
        <li><a href="{% url 'home' %}">Главная</a> <span class="divider">/</span></li>
        <li class="active">Смена пароля</li>
    </ul>
</div>
{% endblock breadcrumb %}

{% block content %}
{% if user.is_authenticated %}
    <div class="col-lg-5">
    <form class="form-horizontal" method="post" action="{% url 'auth_password_change' %}">
        {% csrf_token %}
        <fieldset>
            <input type="hidden" name="next" value="{{ next }}">

            {% if form.non_field_errors %}
                <div class="alert alert-danger" style="margin-top:10px;">
                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                    <p>{{ form.non_field_errors|join:", " }}</p>
                </div>
            {% endif %}

            <div class="form-group {% if form.old_password.errors %}has-error{% endif %}">
                    <label class="control-label col-lg-5 col-lg-offset-1" for="{{ form.old_password.id_for_label }}">Старый пароль</label>
                <div class="col-lg-6">
                    <input id="{{ form.old_password.id_for_label }}" name="{{ form.old_password.html_name }}" type="password" class="form-control col-lg-5" required autofocus placeholder="{{ form.old_password.help_text }}">
                </div>
                <span class="help-block pull-right">{% if form.old_password.errors %}{{ form.old_password.errors|join:", " }}{% else %}{{ form.old_password.help_text }}{% endif %}</span>
            </div>

            <div class="form-group {% if form.new_password1.errors %}has-error{% endif %}">
                    <label for="{{ form.new_password1.id_for_label }}" class="control-label col-lg-5 col-lg-offset-1">Новый пароль</label>
                <div class="col-lg-6">
                    <input id="{{ form.new_password1.id_for_label }}" name="{{ form.new_password1.html_name }}" type="password" class="form-control col-lg-3" required placeholder="{{ form.new_password1.help_text }}">
                </div>
                <span class="help-block pull-right">{% if form.new_password1.errors %}{{ form.new_password1.errors|join:", " }}{% else %}{{ form.new_password1.help_text }}{% endif %}</span>
            </div>

            <div class="form-group {% if form.new_password2.errors %}has-error{% endif %}">
                    <label for="{{ form.new_password2.id_for_label }}" class="control-label col-lg-5 col-lg-offset-1">Новый пароль еще раз</label>
                <div class="col-lg-6">
                    <input id="{{ form.new_password2.id_for_label }}" name="{{ form.new_password2.html_name }}" type="password" class="form-control col-lg-3" required placeholder="{{ form.new_password2.help_text }}">
                </div>
                <span class="help-block pull-right">{% if form.new_password2.errors %}{{ form.new_password2.errors|join:", " }}{% else %}{{ form.new_password2.help_text }}{% endif %}</span>
            </div>
        
        <div class="form-actions pull-right">
            <p>
            <button type="submit" class="btn btn-primary">Изменить</button>
            <a href="#" id="button_toggle" class="btn btn-default"><i class="icon-question-sign icon-white"></i> Помощь <i class="icon-double-angle-right"></i></a>
            </p>
        </div>

        </fieldset>
        
    </form>

</div> <!-- <div class="col-lg-5"> -->

<div id="shown_block" class="col-lg-4 col-lg-offset-1" style="display: none;">
    <div class="panel panel-warning" >
        <div class="panel-heading">
            <h3 class="panel-title">Зачем мне регистрироваться?</h3>
        </div>
        <div class="panel-body">
            Вороне где-то бог послал кусочек сыру;
        ‎На ель Ворона взгромоздясь,
        Позавтракать было совсем уж собралась,
        ‎Да позадумалась, а сыр во рту держала.
        ‎На ту беду, Лиса близехонько бежала;
        ‎Вдруг сырный дух Лису остановил:
        Лисица видит сыр, — Лисицу сыр пленил,
        Плутовка к дереву на цыпочках подходит;
        Вертит хвостом, с Вороны глаз не сводит
        ‎И говорит так сладко, чуть дыша:
        ‎«Голубушка, как хороша!
        ‎Ну что за шейка, что за глазки!
        ‎Рассказывать, так, право, сказки!
        ‎Какие перышки! какой носок!
        </div>
    </div>
</div>

    </div>
{% else %}
    <p>Сначала нужно <a href="{% url 'auth_login' %}"><strong>войти</strong></a> на сайт.</p>
{% endif %}

{% endblock %}
